.realphoto {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 .4rem;
  border: .16rem solid #f4f6f8;
  overflow: hidden;
}

.tit {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  font-size: .2rem;
  font-weight: 700;
  color: #262626;
}

.pifcr {
  margin-top: .2rem;
  width: 100%;
  overflow: hidden;
}

.pic {
  width: 22%;
  margin-right: 4%;
  /*border-radius: 4px;*/
  float: left;
  overflow: hidden;
}

.pifcr > div:nth-child(4n) {
  margin-right: 0 !important;
}

.pic .im {
  width: 100%;
  height: 2rem;
  border: 1px solid #d6d8da;
  border-radius: .08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.pic .im > img {
  max-width: 100%;
  /*height: 100%;*/
}

.mes {
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .45);
}

.pic .txt {
  margin-top: .1rem;
  color: #303133;
}

.pic .btn {
  margin-top: .1rem;
  margin-bottom: .2rem;
}

.s_bt {
  display: inline-block;
  width: .88rem;
  height: .32rem;
  text-align: center;
  line-height: .32rem;
  color: #FFFFFF;
  border-radius: .2rem;
  font-size: .14rem;
  cursor: pointer;
}

.pagecr {
  width: 100%;
  position: absolute;
  bottom: .1rem;
  left: 0;
  text-align: center;
}

.uploadBox {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 99;
}

.uploadBox > div {
  width: 80%;
  height: 7rem;
  background-color: #fff;
  border: 1px solid #cccccc;
}

.uploadBox .title {
  height: .5rem;
  width: 100%;
  line-height: .5rem;
  font-size: .2rem;
  padding-left: .2rem;
  background-color: rgba(0, 0, 0, .1);
}

.uploadBox .photoList {
  padding: .2rem;
  height: 6.4rem;
  overflow: auto;
}

.uploadBox .start {
  display: flex;
  padding-right: .3rem;
  justify-content: flex-end;
}
